body
{
	width:76%;
	margin:auto;	
	font-size:13px;
	background: #659BC8;
}

a>img
{
	width:20px;	
}

.header
{
	text-align:center;
	margin-top:1%;
	padding:1%;
}

.menu
{
	width:85%;
	margin:auto;
	margin-top:-2px;
	margin-bottom:2%;
	-moz-border-radius:0px 0px 10px 10px !important;
	background: rgb(170,170,170); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(170,170,170,1) 0%, rgba(170,170,170,1) 13%, rgba(244,244,244,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,170,170,1)), color-stop(13%,rgba(170,170,170,1)), color-stop(100%,rgba(244,244,244,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(170,170,170,1) 13%,rgba(244,244,244,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(170,170,170,1) 13%,rgba(244,244,244,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(170,170,170,1) 0%,rgba(170,170,170,1) 13%,rgba(244,244,244,1) 100%) !important; /* IE10+ */
	background: linear-gradient(top, rgba(170,170,170,1) 0%,rgba(170,170,170,1) 13%,rgba(244,244,244,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#f4f4f4',GradientType=0 ) !important; /* IE6-9 */
}

.menuList
{
	list-style-type:none;
	text-align:center;
}

.menuList>li
{
	display:inline;
	margin: 0 2%;
}

.menuList>li>a
{
	text-decoration:none;
	color:black;
	font-weight:bold;
	font-size:16px;
}

.menuList>li>a:hover, .activePage
{
	text-decoration: none;
	color: #0A64A4 !important;
	text-decoration: overline underline !important;
	font-style: oblique;
}

.content
{
	margin-bottom:2%;
	padding:2%;
}

.footer
{
    margin-top: 2%;
    padding: 1%;
    text-align: center;
    color: black;
}

.base
{
	border: 2px solid black;
	-moz-box-shadow: 7px 7px 8px #555555;
	-webkit-box-shadow: 7px 7px 8px #555555;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-o-border-radius: 10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	background: rgb(244,244,244); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(170,170,170,1) 87%, rgba(170,170,170,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,1)), color-stop(87%,rgba(170,170,170,1)), color-stop(100%,rgba(170,170,170,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(170,170,170,1) 87%,rgba(170,170,170,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(170,170,170,1) 87%,rgba(170,170,170,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(170,170,170,1) 87%,rgba(170,170,170,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(244,244,244,1) 0%,rgba(170,170,170,1) 87%,rgba(170,170,170,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */
}

.home
{
	margin-left:0%;
	margin-top:2%;
}

.center
{
	text-align:center;
}

.titre
{
	color: #333;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 1%;
}

.fullTable
{
	width:100%;
}

table
{
	border-collapse:collapse;
}

td
{
	border:1px solid black;
}

th
{
	background-color:#555;
	color:white;
	border:1px solid black;
}

tr:nth-child(even)
{
	background: #CCC;
}

tr:nth-child(odd)
{
	background: #EEE;
}

fieldset
{
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
    background-color: #DDDDDD;
    border: solid 2px black;
    margin-top: 2%;
    -moz-box-shadow: 7px 12px 14px #888;
	-webkit-box-shadow: 7px 12px 14px #888;
}

legend
{
	font-weight:bold;
	font-style: oblique;
	background-color:#CCC;
	padding-left: 1%;
    padding-right: 1%;
    -moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	border: 2px solid black;   
}

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}


.label
{
	width:125px;
	text-align:right;
}

.alignRight
{
	width:200px;
	margin-left:125px;
}

.blocCenter
{
	margin: auto;
	margin-top:1%;
}

.centerForm
{
	width:74%;
}

textarea
{
	height: 80px;
    width: 179px;
    border: 2px solid black;
    margin-bottom: 5px;
    padding:2px;
    -moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
}

textarea:focus
{
	border: 2px solid #659BC8;
}

input[type=text], select
{
	border: 2px solid black;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	margin-bottom: 5px;
	padding:2px;
	
}

input[type=text]:focus
{
	border: 2px solid #659BC8;
}

select
{
	width:185px;
	background-color: white;
}

select:focus
{
	border: 2px solid #659BC8;
}

input[type=submit]
{
	text-shadow : 1px 1px #888;
	border:1px solid black;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	padding:2px;
	color:white;
	font-style:oblique;
	background: rgb(76,76,76); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}

input[type=submit]:hover
{
	background: rgb(19,19,19); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(19,19,19,1) 0%, rgba(28,28,28,1) 9%, rgba(43,43,43,1) 24%, rgba(17,17,17,1) 40%, rgba(0,0,0,1) 49%, rgba(44,44,44,1) 50%, rgba(71,71,71,1) 61%, rgba(102,102,102,1) 75%, rgba(89,89,89,1) 88%, rgba(76,76,76,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,19,19,1)), color-stop(9%,rgba(28,28,28,1)), color-stop(24%,rgba(43,43,43,1)), color-stop(40%,rgba(17,17,17,1)), color-stop(49%,rgba(0,0,0,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(61%,rgba(71,71,71,1)), color-stop(75%,rgba(102,102,102,1)), color-stop(88%,rgba(89,89,89,1)), color-stop(100%,rgba(76,76,76,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(19,19,19,1) 0%,rgba(28,28,28,1) 9%,rgba(43,43,43,1) 24%,rgba(17,17,17,1) 40%,rgba(0,0,0,1) 49%,rgba(44,44,44,1) 50%,rgba(71,71,71,1) 61%,rgba(102,102,102,1) 75%,rgba(89,89,89,1) 88%,rgba(76,76,76,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(19,19,19,1) 0%,rgba(28,28,28,1) 9%,rgba(43,43,43,1) 24%,rgba(17,17,17,1) 40%,rgba(0,0,0,1) 49%,rgba(44,44,44,1) 50%,rgba(71,71,71,1) 61%,rgba(102,102,102,1) 75%,rgba(89,89,89,1) 88%,rgba(76,76,76,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(19,19,19,1) 0%,rgba(28,28,28,1) 9%,rgba(43,43,43,1) 24%,rgba(17,17,17,1) 40%,rgba(0,0,0,1) 49%,rgba(44,44,44,1) 50%,rgba(71,71,71,1) 61%,rgba(102,102,102,1) 75%,rgba(89,89,89,1) 88%,rgba(76,76,76,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(19,19,19,1) 0%,rgba(28,28,28,1) 9%,rgba(43,43,43,1) 24%,rgba(17,17,17,1) 40%,rgba(0,0,0,1) 49%,rgba(44,44,44,1) 50%,rgba(71,71,71,1) 61%,rgba(102,102,102,1) 75%,rgba(89,89,89,1) 88%,rgba(76,76,76,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */
}

img
{
	border:none;
}

.validActivity, .running
{
	background-color: #67E667;
}

.invalidActivity, .cancelled
{
	background-color: #FF7373;
}

.ended
{
	background-color: #FFB273;
}

.verticalAlignLabel
{
	line-height: 80px;
    vertical-align: middle;
}

.buttonAlign
{
	margin-right: 5%;
    margin-top: 3%;
}

.alignForm
{
	margin-left:10%;
}


